/*
 * http://www.sencha.com/learn/intro-to-panels/
 */
myApp.views.indexPanel = Ext.extend(Ext.Panel, {
    fullscreen: true,
    style: "background-color: green;",
    items:[
        {
            xtype:'toolbar',
            title:'Index/panel',
            items:[
                {
                    text:'Sommaire',
                    handler:function(){
                        Ext.dispatch({
                            controller: "Index",
                            action:'index',
                            animation: { type: 'slide', direction: 'right' }
                        })
                    }
                }
            ]
        }
    ],
    dockedItems:[
        {
            dock: 'bottom',
            html:"<p>I'm docked</p>",
            style:"background-color: red;",
            dockedItems:[
                {
                    dock:'bottom',
                    html:"I'm in !",
                    style:"background-color: yellow;"
                }
            ]
        }
    ],
    initComponent:function(){
        myApp.helpers.Events.addTimerListenersToView(this,'Index', 'panel');
        myApp.views.indexPanel.superclass.initComponent.apply(this,arguments);
    }
});
Ext.reg('indexPanel', myApp.views.indexPanel);